<? 
session_start();
$output = "<html>
	<head>	 	
		<!-- Main -->
	</head>
	<body>
		<script>		
				$(document).ready(function(){
					$('.show-user').click(function(e) {	
						var clicked = jQuery(e.target);
						var id = clicked.attr('id');
						getUser(id);
					});
				});
		</script>
		<div class = 'content-title-container'><div class='normal-text grey-text content-title-text fl-left' style='padding-right: 5px;'>Welcome </div>";
	if(isset($_SESSION['userName'])){
		$output .= "<div id='".$_SESSION['userName']."' class='show-user cur-point normal-text blue-text content-title-text' > ".$_SESSION['userName']."</div>";
	}
$output .= "</div>
			<div id='indent-content-container' class='me-content-container'> 
				<div id='twitter-feed' class='fl-left' style='width: 390px;'>
					<div class = 'twitter-feed-container-left fl-left'></div>
					<div class='fl-right'>
						<div id='twitter-detail-content' class='fl-left' style='height: 143px;padding-top: 12px;padding-bottom: 12px;width: 360px;'>
						<script>
							loadTwitterFeed();
						</script>
						</div>
						<div class = 'twitter-feed-container-right fl-right'></div>
					</div>
				</div>
				<div id='spec-list-container' class='fl-right width-390'>
					<div class = 'content-subtitle-container-open'></div>
					<div id = 'hot-list' style='height: 145px;margin-top: -14px;'></div>
					<script>
						loadHotSpecs();
					</script>
						<div style='clear:both; height:5px;'></div>
						<div class = 'content-subtitle-container-close'></div>
					</div>
					<div style='clear:both; height:5px;'></div>
					<div class = 'content-subtitle-container-open'></div>
					<div id='news-out'>
						<div id='news' style='min-height: 492px;'>
							<div class='normal-text blue-text content-title-text fl-left' style='padding-right: 5px;'>Welcome to FFXIVSpecs {beta} </div>
							<div class='normal-text grey-text content-title-text fl-left' style='padding-right: 5px;padding-bottom: 10px;'>
								FFXIVSpecs is an evolution of FFXIVCalculator where you can save your specs, comment on other specs and rate them accordingly.
								Manage your specs nice and easy on your user profile (see pic below).
							</div>
							<img class='fl-left' style='width: 400px;padding-left: 20px;' src='media/news/profile.png'/>
							<div class='normal-text grey-text content-title-text fl-left' style='padding-right: 5px;'>
								And we are not done yet! FFXIVSpecs is a work in progress we are always looking for ways to extend the site (like a forum ;) and offer you the best possible
								experience. Use the bug report form at the moment if you have some suggestion to make this site better.
							</div>
						</div>
					</div>
					<div class = 'content-subtitle-container-close'></div>
				</div>
	</body>
</html>";

echo $output;